<!DOCTYPE html>
<html lang="zh-CN">

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
		<meta name="description" content="金顾云合伙人加盟申请 - 共创融资服务事业，实现合作共赢">
		<meta name="keywords" content="合伙人加盟,金融服务,创业合作,金顾云">
		<title>申请加盟 - 金顾云集团</title>
		<link rel="stylesheet" href="css/styles.css">
		<link rel="stylesheet" href="css/nav.css">
		<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
		<script src="js/load-nav.js"></script>
	</head>

	<body>
		<!-- 导航组件容器 -->
		<div id="nav-container"></div>

		<!-- 页面横幅 -->
		<section class="partner-banner">
			<div class="container">
				<div class="banner-content">
					<h1>申请加盟</h1>
					<p>共创融资服务事业，实现合作共赢</p>
					<div class="banner-features">
						<div class="feature-item">
							<i class="fas fa-handshake"></i>
							<span>合作共赢</span>
						</div>
						<div class="feature-item">
							<i class="fas fa-chart-line"></i>
							<span>事业发展</span>
						</div>
						<div class="feature-item">
							<i class="fas fa-users"></i>
							<span>专业团队</span>
						</div>
					</div>
				</div>
			</div>
		</section>

		<!-- 申请表单主体 -->
		<section class="partner-form-section">
			<div class="container">
				<div class="form-wrapper">
					<div class="form-header">
						<h2>合伙人申请</h2>
						<p>请填写您的基本信息和合作意向，我们将在24小时内与您联系</p>
					</div>

					<form id="partnerForm" class="partner-form">
						<!-- 基本信息 -->
						<div class="form-section">
							<h3><i class="fas fa-user"></i> 基本信息</h3>
							<div class="form-row">
								<div class="form-group">
									<label for="name">姓名 <span class="required">*</span></label>
									<input type="text" id="name" name="name" required placeholder="请输入您的姓名">
								</div>
								<div class="form-group">
									<label for="age">年龄 <span class="required">*</span></label>
									<input type="number" id="age" name="age" required placeholder="请输入您的年龄" min="1"
										max="120">
								</div>
							</div>
							<div class="form-row">
								<div class="form-group">
									<label>性别 <span class="required">*</span></label>
									<div style="display:flex;gap:20px;align-items:center;">
										<label><input type="radio" name="gender" value="男" required> 男</label>
										<label><input type="radio" name="gender" value="女" required> 女</label>
									</div>
								</div>
								<div class="form-group">
									<label for="workplace">工作地 <span class="required">*</span></label>
									<input type="text" id="workplace" name="workplace" required placeholder="具体到城市">
								</div>
							</div>
							<div class="form-row">
								<div class="form-group">
									<label for="phone">手机号 <span class="required">*</span></label>
									<input type="tel" id="phone" name="phone" required placeholder="请输入您的手机号">
								</div>
								<div class="form-group">
									<label for="wechat">微信号</label>
									<input type="text" id="wechat" name="wechat" placeholder="请输入您的微信号（选填）">
								</div>
							</div>
							<div class="form-row">
								<div class="form-group">
									<label for="sms-code">验证码 <span class="required">*</span></label>
									<div class="sms-input-group">
										<input type="text" id="sms-code" name="sms-code" required placeholder="请输入验证码"
											maxlength="6">
										<button type="button" id="get-sms-btn" class="btn-get-sms">获取验证码</button>
									</div>
								</div>
								<div class="form-group">
									<!-- 占位，保持布局平衡 -->
								</div>
							</div>
						</div>

						<!-- 合作意向 -->
						<div class="form-section">
							<h3><i class="fas fa-handshake"></i> 合作意向</h3>
							<div class="form-row">
								<div class="form-group">
									<label style="font-weight:700;display:block;margin-bottom:8px;">1. 如何知道金顾云 <span
											class="required">*</span></label>
									<input type="text" name="know" required placeholder="请描述您是如何知道金顾云的">
								</div>
							</div>

							<div class="form-row">
								<div class="form-group">
									<label style="font-weight:700;display:block;margin-bottom:8px;">2. 目前就业状态 <span
											class="required">*</span></label>
									<div style="display:flex;gap:22px;">
										<label style="font-weight:400;"><input type="radio" name="job-status"
												value="已离职" required>
											已离职</label>
										<label style="font-weight:400;"><input type="radio" name="job-status"
												value="金融机构在职" required>
											金融机构在职</label>
										<label style="font-weight:400;"><input type="radio" name="job-status"
												value="非金融机构在职" required>
											非金融机构在职</label>
									</div>
								</div>
							</div>

							<div class="form-row">
								<div class="form-group">
									<label style="font-weight:700;display:block;margin-bottom:8px;">3. 未来职业规划 <span
											class="required">*</span></label>
									<div style="display:flex;gap:32px;">
										<label style="font-weight:400;"><input type="radio" name="career-plan"
												value="没想好" required> 没想好</label>
										<label style="font-weight:400;"><input type="radio" name="career-plan"
												value="自主创业" required> 自主创业</label>
										<label style="font-weight:400;"><input type="radio" name="career-plan"
												value="寻求再就业机会" required>
											寻求再就业机会</label>
									</div>
								</div>
							</div>

							<div class="form-row">
								<div class="form-group full-width">
									<label style="font-weight:700;display:block;margin-bottom:8px;">4. 背景 <span
											class="required">*</span></label>
									<div style="display:flex;flex-wrap:wrap;gap:32px;">
										<label style="font-weight:400;"><input type="checkbox" name="background"
												value="背景产业投资人员">
											背景产业投资人员</label>
										<label style="font-weight:400;"><input type="checkbox" name="background"
												value="金融机构从业人员">
											金融机构从业人员</label>
										<label style="font-weight:400;"><input type="checkbox" name="background"
												value="银行离职/退休人员">
											银行离职/退休人员</label>
									</div>
									<div style="margin-top:16px;">
										<label style="font-weight:600;display:block;margin-bottom:8px;">背景补充说明</label>
										<input type="text" name="backgroundDetail" placeholder="请详细描述您的相关背景和经验（选填）">
									</div>
								</div>
							</div>

							<div class="form-row">
								<div class="form-group">
									<label style="font-weight:700;display:block;margin-bottom:8px;">5. 金顾云文化认同程度 <span
											class="required">*</span></label>
									<div style="display:flex;gap:32px;">
										<label style="font-weight:400;"><input type="radio" name="culture" value="非常认同"
												required> 非常认同</label>
										<label style="font-weight:400;"><input type="radio" name="culture" value="不排斥"
												required> 不排斥</label>
									</div>
								</div>
								<div class="form-group">
									<label style="font-weight:700;display:block;margin-bottom:8px;">6. 期望合作方式 <span
											class="required">*</span></label>
									<div style="display:flex;gap:32px;">
										<label style="font-weight:400;"><input type="checkbox" name="cooperation"
												value="个人加盟"> 个人加盟</label>
										<label style="font-weight:400;"><input type="checkbox" name="cooperation"
												value="团队加盟"> 团队加盟</label>
									</div>
									<div id="team-description-container" style="margin-top:16px;display:none;">
										<label style="font-weight:600;display:block;margin-bottom:8px;">团队补充说明 <span
												class="required">*</span></label>
										<textarea name="teamDescription" placeholder="请详细描述您的团队情况，包括团队规模、成员背景、合作经验等"
											rows="4"
											style="width:100%;padding:12px 16px;border:2px solid #e9ecef;border-radius:8px;font-size:1em;resize:vertical;box-sizing:border-box;"></textarea>
									</div>
								</div>
							</div>

							<div class="form-row">
								<div class="form-group full-width">
									<label for="join-reason">7. 加盟理由 <span class="required">*</span></label>
									<input type="text" id="join-reason" name="join-reason" required
										placeholder="请输入您的加盟理由">
								</div>
							</div>

						</div>

						<!-- 技能自评 -->
						<div class="form-section">
							<h3><i class="fas fa-chart-bar"></i> 技能自评（1~10分）</h3>
							<div class="form-row">
								<div class="form-group full-width">
									<div class="skill-item">
										<label for="finance-bg">金融背景 <span class="required">*</span></label>
										<div class="star-rating" data-field="finance-bg">
											<i class="fas fa-star" data-value="1"></i>
											<i class="fas fa-star" data-value="2"></i>
											<i class="fas fa-star" data-value="3"></i>
											<i class="fas fa-star" data-value="4"></i>
											<i class="fas fa-star" data-value="5"></i>
											<i class="fas fa-star" data-value="6"></i>
											<i class="fas fa-star" data-value="7"></i>
											<i class="fas fa-star" data-value="8"></i>
											<i class="fas fa-star" data-value="9"></i>
											<i class="fas fa-star" data-value="10"></i>
											<input type="hidden" name="finance-bg" value="" required>
										</div>
									</div>
								</div>
							</div>
							<div class="form-row">
								<div class="form-group full-width">
									<div class="skill-item">
										<label for="pro-skill">专业技能 <span class="required">*</span></label>
										<div class="star-rating" data-field="pro-skill">
											<i class="fas fa-star" data-value="1"></i>
											<i class="fas fa-star" data-value="2"></i>
											<i class="fas fa-star" data-value="3"></i>
											<i class="fas fa-star" data-value="4"></i>
											<i class="fas fa-star" data-value="5"></i>
											<i class="fas fa-star" data-value="6"></i>
											<i class="fas fa-star" data-value="7"></i>
											<i class="fas fa-star" data-value="8"></i>
											<i class="fas fa-star" data-value="9"></i>
											<i class="fas fa-star" data-value="10"></i>
											<input type="hidden" name="pro-skill" value="" required>
										</div>
									</div>
								</div>
							</div>
							<div class="form-row">
								<div class="form-group full-width">
									<div class="skill-item">
										<label for="negotiation">谈判能力 <span class="required">*</span></label>
										<div class="star-rating" data-field="negotiation">
											<i class="fas fa-star" data-value="1"></i>
											<i class="fas fa-star" data-value="2"></i>
											<i class="fas fa-star" data-value="3"></i>
											<i class="fas fa-star" data-value="4"></i>
											<i class="fas fa-star" data-value="5"></i>
											<i class="fas fa-star" data-value="6"></i>
											<i class="fas fa-star" data-value="7"></i>
											<i class="fas fa-star" data-value="8"></i>
											<i class="fas fa-star" data-value="9"></i>
											<i class="fas fa-star" data-value="10"></i>
											<input type="hidden" name="negotiation" value="" required>
										</div>
									</div>
								</div>
							</div>
							<div class="form-row">
								<div class="form-group full-width">
									<div class="skill-item">
										<label for="analysis">分析能力 <span class="required">*</span></label>
										<div class="star-rating" data-field="analysis">
											<i class="fas fa-star" data-value="1"></i>
											<i class="fas fa-star" data-value="2"></i>
											<i class="fas fa-star" data-value="3"></i>
											<i class="fas fa-star" data-value="4"></i>
											<i class="fas fa-star" data-value="5"></i>
											<i class="fas fa-star" data-value="6"></i>
											<i class="fas fa-star" data-value="7"></i>
											<i class="fas fa-star" data-value="8"></i>
											<i class="fas fa-star" data-value="9"></i>
											<i class="fas fa-star" data-value="10"></i>
											<input type="hidden" name="analysis" value="" required>
										</div>
									</div>
								</div>
							</div>
							<div class="form-row">
								<div class="form-group full-width">
									<div class="skill-item">
										<label for="project">项目管理技能 <span class="required">*</span></label>
										<div class="star-rating" data-field="project">
											<i class="fas fa-star" data-value="1"></i>
											<i class="fas fa-star" data-value="2"></i>
											<i class="fas fa-star" data-value="3"></i>
											<i class="fas fa-star" data-value="4"></i>
											<i class="fas fa-star" data-value="5"></i>
											<i class="fas fa-star" data-value="6"></i>
											<i class="fas fa-star" data-value="7"></i>
											<i class="fas fa-star" data-value="8"></i>
											<i class="fas fa-star" data-value="9"></i>
											<i class="fas fa-star" data-value="10"></i>
											<input type="hidden" name="project" value="" required>
										</div>
									</div>
								</div>
							</div>
							<div class="form-row">
								<div class="form-group full-width">
									<div class="skill-item">
										<label for="law">法律法规意识 <span class="required">*</span></label>
										<div class="star-rating" data-field="law">
											<i class="fas fa-star" data-value="1"></i>
											<i class="fas fa-star" data-value="2"></i>
											<i class="fas fa-star" data-value="3"></i>
											<i class="fas fa-star" data-value="4"></i>
											<i class="fas fa-star" data-value="5"></i>
											<i class="fas fa-star" data-value="6"></i>
											<i class="fas fa-star" data-value="7"></i>
											<i class="fas fa-star" data-value="8"></i>
											<i class="fas fa-star" data-value="9"></i>
											<i class="fas fa-star" data-value="10"></i>
											<input type="hidden" name="law" value="" required>
										</div>
									</div>
								</div>
							</div>
							<div class="form-row">
								<div class="form-group full-width">
									<div class="skill-item">
										<label for="team">团队合作精神 <span class="required">*</span></label>
										<div class="star-rating" data-field="team">
											<i class="fas fa-star" data-value="1"></i>
											<i class="fas fa-star" data-value="2"></i>
											<i class="fas fa-star" data-value="3"></i>
											<i class="fas fa-star" data-value="4"></i>
											<i class="fas fa-star" data-value="5"></i>
											<i class="fas fa-star" data-value="6"></i>
											<i class="fas fa-star" data-value="7"></i>
											<i class="fas fa-star" data-value="8"></i>
											<i class="fas fa-star" data-value="9"></i>
											<i class="fas fa-star" data-value="10"></i>
											<input type="hidden" name="team" value="" required>
										</div>
									</div>
								</div>
							</div>
							<div class="form-row">
								<div class="form-group full-width">
									<div class="skill-item">
										<label for="service">客户服务意识 <span class="required">*</span></label>
										<div class="star-rating" data-field="service">
											<i class="fas fa-star" data-value="1"></i>
											<i class="fas fa-star" data-value="2"></i>
											<i class="fas fa-star" data-value="3"></i>
											<i class="fas fa-star" data-value="4"></i>
											<i class="fas fa-star" data-value="5"></i>
											<i class="fas fa-star" data-value="6"></i>
											<i class="fas fa-star" data-value="7"></i>
											<i class="fas fa-star" data-value="8"></i>
											<i class="fas fa-star" data-value="9"></i>
											<i class="fas fa-star" data-value="10"></i>
											<input type="hidden" name="service" value="" required>
										</div>
									</div>
								</div>
							</div>
						</div>

						<!-- 提交按钮 -->
						<div class="form-submit">
							<button type="submit" class="btn-submit">
								<i class="fas fa-paper-plane"></i>
								提交申请
							</button>
						</div>
					</form>
				</div>
			</div>
		</section>

		<!-- 简洁底部 -->
		<footer class="footer-simple">
			<div class="footer-main">
				<!-- 公司信息 -->
				<div class="footer-brand" style="flex:1 1 0;">
					<img src="https://cfcyunchat-1314260234.cos.ap-nanjing.myqcloud.com/pc/%E9%87%91%E9%A1%BE%E4%BA%91logo.jpg"
						alt="金顾云logo" class="footer-logo">
					<div class="footer-tagline">让融资更简单</div>
				</div>
				<!-- 栏目三栏 -->
				<div class="footer-columns" style="flex:1.5 1 0; min-width:260px;">
					<div class="footer-nav-section">
						<h4>融顾服务</h4>
						<a href="finance-outsourcing-center.html">融资外包</a>
						<a href="consultant.html">常顾服务</a>
					</div>
					<div class="footer-nav-section">
						<h4>关于我们</h4>
						<a href="about.html">公司简介</a>
						<a href="club.html">金顾云俱乐部</a>
						<a href="partner.html">合伙人加盟</a>
					</div>
					<div class="footer-nav-section">
						<h4>联系我们</h4>
						<a href="tel:0755-86561203">0755-86561203</a>
						<a href="mailto:service@cfcyun.com">service@cfcyun.com</a>
						<a href="apply-partner.html">申请加盟</a>
					</div>
				</div>
				<!-- 二维码区域 -->
				<div class="footer-qr" style="flex:3.5 1 0; max-width:900px;">
					<h4>扫码关注</h4>
					<div class="qr-grid">
						<div class="footer-qr-item">
							<img src="https://cfcyunchat-1314260234.cos.ap-nanjing.myqcloud.com/pc/1.jpg" alt="金顾云小程序"
								class="footer-qr-img">
							<span>金顾云小程序</span>
						</div>
						<div class="footer-qr-item">
							<img src="https://cfcyunchat-1314260234.cos.ap-nanjing.myqcloud.com/pc/2.jpg"
								alt="金顾云俱乐部小程序" class="footer-qr-img">
							<span>金顾云俱乐部小程序</span>
						</div>
						<div class="footer-qr-item">
							<img src="https://cfcyunchat-1314260234.cos.ap-nanjing.myqcloud.com/pc/3.jpg" alt="金顾云公众号"
								class="footer-qr-img">
							<span>金顾云公众号</span>
						</div>
						<div class="footer-qr-item">
							<img src="https://cfcyunchat-1314260234.cos.ap-nanjing.myqcloud.com/pc/4.jpg"
								alt="金顾云俱乐部公众号" class="footer-qr-img">
							<span>金顾云俱乐部公众号</span>
						</div>
						<div class="footer-qr-item">
							<img src="https://cfcyunchat-1314260234.cos.ap-nanjing.myqcloud.com/pc/5.jpg"
								alt="金顾云公益基金会公众号" class="footer-qr-img">
							<span>金顾云公益基金会公众号</span>
						</div>
						<div class="footer-qr-item">
							<img src="https://cfcyunchat-1314260234.cos.ap-nanjing.myqcloud.com/pc/6.jpg" alt="金顾云视频号"
								class="footer-qr-img">
							<span>金顾云视频号</span>
						</div>
						<div class="footer-qr-item">
							<img src="https://cfcyunchat-1314260234.cos.ap-nanjing.myqcloud.com/pc/7.jpg"
								alt="金顾云俱乐部视频号" class="footer-qr-img">
							<span>金顾云俱乐部视频号</span>
						</div>
					</div>
				</div>
			</div>
			<!-- 底部信息 -->
			<div class="footer-bottom">
				<div class="footer-copyright">
					<span>© 2024 金顾云集团 版权所有</span>
					<a href="https://beian.miit.gov.cn/" target="_blank"
						style="text-decoration: none;">沪ICP备2022025984号-3</a>
					<span>沪公网安备31010102007667号</span>
				</div>
				<div class="footer-links">
					<a href="/privacy">隐私政策</a>
					<a href="/terms">服务条款</a>
				</div>
			</div>
		</footer>

		<style>
			/* 申请加盟页面样式 */
			.partner-banner {
				background: linear-gradient(135deg, #ff6b35 0%, #f7931e 100%);
				color: white;
				padding: 80px 0;
				position: relative;
				overflow: hidden;
			}

			.partner-banner::before {
				content: '';
				position: absolute;
				top: 0;
				left: 0;
				right: 0;
				bottom: 0;
				background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="20" cy="20" r="2" fill="rgba(255,255,255,0.1)"/><circle cx="80" cy="80" r="2" fill="rgba(255,255,255,0.1)"/><circle cx="40" cy="60" r="1" fill="rgba(255,255,255,0.1)"/><circle cx="60" cy="30" r="1" fill="rgba(255,255,255,0.1)"/></svg>');
				pointer-events: none;
			}

			.partner-banner .container {
				position: relative;
				z-index: 1;
			}

			.partner-banner h1 {
				font-size: 3em;
				margin-bottom: 20px;
				text-align: center;
				text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
			}

			.partner-banner p {
				font-size: 1.3em;
				text-align: center;
				margin-bottom: 40px;
				opacity: 0.9;
			}

			.banner-features {
				display: flex;
				justify-content: center;
				gap: 60px;
				margin-top: 40px;
			}

			.banner-features .feature-item {
				display: flex;
				align-items: center;
				gap: 10px;
				font-size: 1.1em;
			}

			.banner-features .feature-item i {
				font-size: 1.2em;
				color: rgba(255, 255, 255, 0.8);
			}

			/* 表单区域 */
			.partner-form-section {
				padding: 80px 0;
				background: #f8f9fa;
			}

			.form-wrapper {
				max-width: 800px;
				margin: 0 auto;
				background: white;
				border-radius: 16px;
				box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
				overflow: hidden;
			}

			.form-header {
				background: linear-gradient(135deg, #ff6b35 0%, #f7931e 100%);
				color: white;
				padding: 40px;
				text-align: center;
			}

			.form-header h2 {
				font-size: 2.2em;
				margin-bottom: 15px;
			}

			.form-header p {
				font-size: 1.1em;
				opacity: 0.9;
				margin: 0;
			}

			.partner-form {
				padding: 40px;
			}

			.form-section {
				margin-bottom: 40px;
			}

			.form-section h3 {
				font-size: 1.3em;
				color: #333;
				margin-bottom: 25px;
				padding-bottom: 10px;
				border-bottom: 2px solid #ff6b35;
				display: flex;
				align-items: center;
				gap: 10px;
			}

			.form-section h3 i {
				color: #ff6b35;
			}

			.form-row {
				display: flex;
				gap: 20px;
				margin-bottom: 20px;
			}

			.form-group {
				flex: 1;
			}

			.form-group.full-width {
				flex: 1 1 100%;
			}

			.form-group label {
				display: block;
				margin-bottom: 8px;
				font-weight: 600;
				color: #333;
			}

			.required {
				color: #dc3545;
			}

			.form-group input,
			.form-group select,
			.form-group textarea {
				width: 100%;
				padding: 12px 16px;
				border: 2px solid #e9ecef;
				border-radius: 8px;
				font-size: 1em;
				transition: border-color 0.3s;
				box-sizing: border-box;
			}

			.form-group input[type="radio"],
			input[type="checkbox"] {
				width: auto;
			}

			.form-group input:focus,
			.form-group select:focus,
			.form-group textarea:focus {
				outline: none;
				border-color: #ff6b35;
				box-shadow: 0 0 0 3px rgba(255, 107, 53, 0.1);
			}

			.form-group textarea {
				resize: vertical;
				min-height: 100px;
			}

			/* 验证码输入框样式 */
			.sms-input-group {
				display: flex;
				gap: 10px;
				align-items: center;
			}

			.sms-input-group input {
				flex: 1;
				min-width: 0;
			}

			.btn-get-sms {
				background: linear-gradient(135deg, #ff6b35 0%, #f7931e 100%);
				color: white;
				border: none;
				padding: 12px 16px;
				border-radius: 8px;
				font-size: 0.9em;
				font-weight: 600;
				cursor: pointer;
				transition: all 0.3s;
				white-space: nowrap;
				min-width: 100px;
			}

			.btn-get-sms:hover:not(:disabled) {
				transform: translateY(-1px);
				box-shadow: 0 4px 12px rgba(255, 107, 53, 0.3);
			}

			.btn-get-sms:disabled {
				background: #ccc;
				cursor: not-allowed;
				transform: none;
				box-shadow: none;
			}

			/* 响应式设计 - 验证码输入框 */
			@media (max-width: 768px) {
				.sms-input-group {
					flex-direction: column;
					gap: 8px;
					align-items: stretch;
				}

				.sms-input-group input {
					order: 1;
				}

				.btn-get-sms {
					order: 2;
					width: 100%;
					min-width: auto;
				}
			}

			/* 手机端全面响应式优化 */
			@media (max-width: 768px) {

				/* 横幅区域优化 */
				.partner-banner {
					padding: 40px 0;
				}

				.partner-banner h1 {
					font-size: 2.2em;
					margin-bottom: 15px;
				}

				.partner-banner p {
					font-size: 1.1em;
					margin-bottom: 30px;
				}

				.banner-features {
					gap: 20px;
					margin-top: 30px;
				}

				.banner-features .feature-item {
					font-size: 1em;
				}

				/* 表单区域优化 */
				.partner-form-section {
					padding: 40px 0;
				}

				.form-wrapper {
					margin: 0 16px;
					border-radius: 12px;
				}

				.form-header {
					padding: 30px 20px;
				}

				.form-header h2 {
					font-size: 1.8em;
				}

				.form-header p {
					font-size: 1em;
				}

				.partner-form {
					padding: 30px 20px;
				}

				/* 表单布局优化 - 手机端单列显示 */
				.form-row {
					flex-direction: column;
					gap: 15px;
				}

				.form-group {
					flex: none;
					width: 100%;
				}

				.form-group.full-width {
					flex: none;
					width: 100%;
				}

				/* 表单元素优化 */
				.form-group input,
				.form-group select,
				.form-group textarea {
					padding: 14px 16px;
					font-size: 16px;
					/* 防止iOS缩放 */
					border-radius: 6px;
				}

				/* 标签优化 */
				.form-group label {
					font-size: 0.95em;
					margin-bottom: 6px;
				}

				/* 单选和复选框优化 */
				.form-group input[type="radio"],
				.form-group input[type="checkbox"] {
					width: auto;
					margin-right: 8px;
				}

				/* 性别选择优化 */
				.form-group div[style*="display:flex"] {
					gap: 15px !important;
				}

				/* 就业状态和职业规划优化 */
				.form-group div[style*="display:flex"] {
					gap: 12px !important;
					align-items: flex-start !important;
				}

				/* 背景选择优化 */
				.form-group div[style*="flex-wrap:wrap"] {
					gap: 15px !important;
				}

				/* 五角星打分优化 */
				.skill-item {
					flex-direction: column;
					align-items: flex-start;
					gap: 10px;
				}

				.skill-item label {
					min-width: auto;
					margin-bottom: 10px;
					font-size: 0.95em;
				}

				.star-rating {
					justify-content: flex-start;
					gap: 6px;
				}

				.star-rating i {
					font-size: 20px;
					/* 手机端适当缩小 */
				}

				/* 提交按钮优化 */
				.btn-submit {
					padding: 18px 20px;
					font-size: 1em;
					border-radius: 8px;
				}

				/* 表单分组标题优化 */
				.form-section h3 {
					font-size: 1.2em;
					margin-bottom: 20px;
				}
			}

			/* 小屏手机优化 */
			@media (max-width: 480px) {
				.partner-banner h1 {
					font-size: 1.8em;
				}

				.partner-banner p {
					font-size: 1em;
				}

				.form-wrapper {
					margin: 0 12px;
				}

				.form-header {
					padding: 25px 16px;
				}

				.partner-form {
					padding: 25px 16px;
				}

				.form-group input,
				.form-group select,
				.form-group textarea {
					padding: 12px 14px;
					font-size: 16px;
				}

				.star-rating i {
					font-size: 18px;
				}
			}

			/* 超小屏手机优化 */
			@media (max-width: 360px) {
				.partner-banner {
					padding: 30px 0;
				}

				.partner-banner h1 {
					font-size: 1.6em;
				}

				.form-wrapper {
					margin: 0 8px;
				}

				.form-header {
					padding: 20px 12px;
				}

				.partner-form {
					padding: 20px 12px;
				}

				.form-group input,
				.form-group select,
				.form-group textarea {
					padding: 10px 12px;
				}
			}

			/* 手机端触摸优化 */
			@media (max-width: 768px) {

				/* 触摸目标大小优化 */
				input[type="radio"],
				input[type="checkbox"] {
					min-width: 20px;
					min-height: 20px;
				}

				/* 按钮触摸优化 */
				button,
				.btn-submit,
				.btn-get-sms {
					min-height: 44px;
					/* iOS推荐的最小触摸目标 */
					min-width: 44px;
				}

				/* 链接触摸优化 */
				a {
					min-height: 44px;
					min-width: 44px;
					display: inline-flex;
					align-items: center;
					justify-content: center;
				}

				/* 滚动优化 */
				body {
					-webkit-overflow-scrolling: touch;
					overflow-scrolling: touch;
				}

				/* 表单滚动优化 */
				.partner-form {
					-webkit-overflow-scrolling: touch;
					overflow-scrolling: touch;
				}

				/* 防止水平滚动 */
				.form-wrapper {
					overflow-x: hidden;
				}

				/* 输入框聚焦时防止页面跳动 */
				input:focus,
				textarea:focus,
				select:focus {
					transform: translateZ(0);
				}

				/* 触摸反馈优化 */
				.btn-submit:active,
				.btn-get-sms:active {
					transform: scale(0.98);
					transition: transform 0.1s ease;
				}

				/* 五角星触摸优化 */
				.star-rating i {
					min-width: 24px;
					min-height: 24px;
					display: flex;
					align-items: center;
					justify-content: center;
				}
			}

			/* 横屏手机优化 */
			@media (max-width: 768px) and (orientation: landscape) {
				.partner-banner {
					padding: 30px 0;
				}

				.partner-banner h1 {
					font-size: 1.8em;
				}

				.form-wrapper {
					margin: 0 20px;
				}

				.form-row {
					flex-direction: row;
					gap: 15px;
				}

				.form-group {
					flex: 1;
				}
			}

			.form-submit {
				text-align: center;
				margin-top: 40px;
			}

			.privacy-notice {
				margin-bottom: 30px;
			}

			.checkbox-label {
				display: flex;
				align-items: center;
				gap: 10px;
				font-size: 0.9em;
				color: #666;
				cursor: pointer;
				justify-content: center;
			}

			.checkbox-label input[type="checkbox"] {
				width: auto;
				margin: 0;
			}

			.checkbox-label a {
				color: #ff6b35;
				text-decoration: none;
			}

			.checkbox-label a:hover {
				text-decoration: underline;
			}

			.btn-submit {
				background: linear-gradient(135deg, #ff6b35 0%, #f7931e 100%);
				color: white;
				border: none;
				padding: 16px 40px;
				font-size: 1.1em;
				font-weight: 600;
				border-radius: 50px;
				cursor: pointer;
				transition: all 0.3s;
				display: inline-flex;
				align-items: center;
				gap: 10px;
			}

			.btn-submit:hover {
				transform: translateY(-2px);
				box-shadow: 0 10px 25px rgba(255, 107, 53, 0.3);
			}

			/* 导航栏按钮样式 */
			.btn-partner {
				background: linear-gradient(135deg, #ff6b35 0%, #f7931e 100%);
				color: white;
				border: none;
				padding: 10px 20px;
				border-radius: 25px;
				text-decoration: none;
				font-weight: 600;
				transition: all 0.3s;
				margin-left: 10px;
			}

			.btn-partner:hover {
				transform: translateY(-2px);
				box-shadow: 0 5px 15px rgba(255, 107, 53, 0.3);
			}

			.btn-financing {
				background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
				color: white;
				border: none;
				padding: 10px 20px;
				border-radius: 25px;
				text-decoration: none;
				font-weight: 600;
				transition: all 0.3s;
				margin-left: 10px;
			}

			.btn-financing:hover {
				transform: translateY(-2px);
				box-shadow: 0 5px 15px rgba(102, 126, 234, 0.3);
			}

			/* 简洁底部样式 */
			.footer-simple {
				background: #f8f9fa;
				border-top: 1px solid #e9ecef;
				margin-top: 0;
				width: 100%;
			}

			.footer-main {
				display: flex;
				justify-content: space-between;
				align-items: flex-start;
				width: 100%;
				padding: 48px 40px 32px 40px;
				box-sizing: border-box;
				gap: 32px;
			}

			.footer-brand {
				min-width: 120px;
				display: flex;
				flex-direction: column;
				align-items: flex-start;
			}

			.footer-logo {
				width: 80px;
				height: auto;
				margin-bottom: 16px;
				border-radius: 6px;
			}

			.footer-tagline {
				color: #6c757d;
				font-size: 1.1em;
				font-weight: 500;
				margin-top: 0;
			}

			.footer-columns {
				display: flex;
				gap: 48px;
				justify-content: center;
				min-width: 260px;
			}

			.footer-nav-section {
				min-width: 120px;
			}

			.footer-nav-section h4 {
				font-size: 1em;
				font-weight: 600;
				color: #343a40;
				margin-bottom: 16px;
				margin-top: 0;
			}

			.footer-nav-section a {
				display: block;
				color: #6c757d;
				text-decoration: none;
				margin-bottom: 8px;
				font-size: 0.9em;
				transition: color 0.2s ease;
			}

			.footer-nav-section a:hover {
				color: #c00;
			}

			.footer-qr {
				min-width: 320px;
				max-width: 900px;
				display: flex;
				flex-direction: column;
				align-items: center;
			}

			.footer-qr h4 {
				font-size: 1.1em;
				font-weight: 600;
				color: #343a40;
				margin-bottom: 16px;
				margin-top: 0;
				text-align: center;
			}

			.qr-grid {
				display: flex;
				flex-wrap: wrap;
				gap: 18px 18px;
				justify-content: flex-start;
				max-width: 900px;
			}

			.footer-qr-item {
				display: flex;
				flex-direction: column;
				align-items: center;
				gap: 6px;
				width: 80px;
			}

			.footer-qr-img {
				width: 60px;
				height: 60px;
				border-radius: 6px;
				box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
				transition: transform 0.3s ease;
			}

			.footer-qr-img:hover {
				transform: scale(1.05);
			}

			.footer-qr-item span {
				font-size: 0.7em;
				color: #6c757d;
				text-align: center;
				margin-top: 2px;
				line-height: 1.2;
				word-wrap: break-word;
				hyphens: auto;
			}

			.footer-bottom {
				display: flex;
				justify-content: space-between;
				align-items: center;
				padding: 24px 40px;
				border-top: 1px solid #e9ecef;
				font-size: 0.85em;
				color: #6c757d;
				width: 100%;
				box-sizing: border-box;
			}

			.footer-copyright {
				display: flex;
				gap: 24px;
			}

			.footer-links {
				display: flex;
				gap: 24px;
			}

			.footer-links a {
				color: #6c757d;
				text-decoration: none;
				transition: color 0.2s ease;
			}

			.footer-links a:hover {
				color: #c00;
			}

			@media (max-width:1024px) {
				.footer-main {
					flex-wrap: wrap;
					gap: 24px;
					padding: 32px 16px 24px 16px;
				}

				.footer-columns {
					gap: 24px;
				}

				.footer-qr {
					min-width: 220px;
					max-width: 100%;
				}

				.qr-grid {
					gap: 12px 12px;
					max-width: 100%;
				}
			}

			@media (max-width: 900px) {
				.footer-main {
					flex-direction: column;
					gap: 24px;
					padding: 20px 8px;
				}

				.footer-columns {
					flex-direction: column;
					gap: 8px;
					min-width: 0;
				}

				.footer-qr {
					align-items: flex-start;
					min-width: 0;
				}

				.qr-grid {
					justify-content: flex-start;
				}
			}

			@media (max-width: 700px) {
				.footer-main {
					gap: 12px;
					padding: 10px 2px;
				}

				.footer-bottom {
					flex-direction: column;
					gap: 8px;
					padding: 8px;
				}
			}

			/* 五角星打分样式 */
			.skill-item {
				display: flex;
				gap: 20px;
				margin-bottom: 20px;
			}

			.skill-item label {
				min-width: 120px;
				margin-bottom: 0;
			}

			.star-rating {
				display: flex;
				gap: 8px;
				align-items: center;
				flex: 1;
			}

			.star-rating i {
				font-size: 24px;
				color: #ddd;
				cursor: pointer;
				transition: color 0.2s ease;
			}

			.star-rating i:hover,
			.star-rating i.active {
				color: #ffd700;
			}

			.star-rating i:hover~i {
				color: #ddd;
			}

			.star-rating:hover i {
				color: #ffd700;
			}
		</style>

		<script>
			//字典code
			const pageCode = {
				wx: "微信公众号",
			};

			// 获取当前 URL 的查询参数
			const urlParams = new URLSearchParams(window.location.search);
			const pageType = urlParams.get('type'); // 结果是："公众号"
			const pageId = urlParams.get('pageId'); // 结果是："公众号"

			console.log(pageCode['wx'], pageCode[pageType], pageType, pageId); // 输出："公众号"

			// 当pageType有值时隐藏导航栏和底部
			if (pageType) {
				// 隐藏导航栏
				const navContainer = document.getElementById('nav-container');
				if (navContainer) {
					navContainer.style.display = 'none';
				}

				// 隐藏底部
				const footer = document.querySelector('.footer-simple');
				if (footer) {
					footer.style.display = 'none';
				}

				// 调整横幅区域的顶部边距
				const banner = document.querySelector('.partner-banner');
				if (banner) {
					banner.style.marginTop = '0';
				}
			}

			// 验证码相关变量
			let smsCountdown = 0;
			let smsTimer = null;

			// 获取验证码按钮点击事件
			document.getElementById('get-sms-btn').addEventListener('click', function() {
				const phone = document.getElementById('phone').value.trim();

				// 验证手机号格式
				const phoneRegex = /^1[3-9]\d{9}$/;
				if (!phone) {
					showTouchFriendlyAlert('请先输入手机号');
					return;
				}
				if (!phoneRegex.test(phone)) {
					showTouchFriendlyAlert('请输入正确的手机号码');
					return;
				}

				// 发送验证码请求
				sendSmsCode(phone);
			});

			// 发送验证码
			async function sendSmsCode(phone) {
				const btn = document.getElementById('get-sms-btn');
				btn.disabled = true;
				btn.textContent = '发送中...';

				try {
					console.log('开始发送验证码请求...');
					console.log('请求URL:', 'https://gateway.cfcyun.com/acn/auth/smscode');
					console.log('请求数据:', {
						phone: phone
					});

					const response = await fetch('https://gateway.cfcyun.com/acn/auth/smscode', {
						method: 'POST',
						headers: {
							'Content-Type': 'application/json',
						},
						body: JSON.stringify({
							phone: phone
						})
					});

					console.log('响应状态码:', response.status);
					console.log('响应状态文本:', response.statusText);

					const result = await response.json();
					console.log('API响应内容:', result);

					// 检查响应状态和内容
					if (response.ok && result.code === "0") {
						// 发送成功，开始倒计时
						console.log('验证码发送成功');
						startSmsCountdown();
						showTouchFriendlyAlert('验证码已发送，请注意查收');
					} else if (response.ok && result.code !== "0") {
						// API返回错误
						console.log('API返回错误:', result);
						showTouchFriendlyAlert('验证码发送失败：' + (result.msg || '未知错误，错误代码：' + result.code));
						btn.disabled = false;
						btn.textContent = '获取验证码';
					} else {
						// HTTP状态错误
						console.log('HTTP状态错误:', response.status);
						showTouchFriendlyAlert('验证码发送失败：HTTP ' + response.status + ' - ' + response.statusText);
						btn.disabled = false;
						btn.textContent = '获取验证码';
					}
				} catch (error) {
					console.error('发送验证码失败:', error);
					showTouchFriendlyAlert('网络错误，请稍后重试。错误详情：' + error.message);
					btn.disabled = false;
					btn.textContent = '获取验证码';
				}
			}

			// 开始验证码倒计时
			function startSmsCountdown() {
				smsCountdown = 60;
				const btn = document.getElementById('get-sms-btn');

				smsTimer = setInterval(() => {
					if (smsCountdown > 0) {
						btn.textContent = `${smsCountdown}秒后重试`;
						smsCountdown--;
					} else {
						clearInterval(smsTimer);
						btn.disabled = false;
						btn.textContent = '获取验证码';
					}
				}, 1000);
			}

			// 表单提交处理
			document.getElementById('partnerForm').addEventListener('submit', async function(e) {
				e.preventDefault();

				console.log('表单提交事件触发');

				// 获取表单数据
				const formData = new FormData(this);
				const data = {};

				// 处理表单数据，特别是checkbox和radio字段
				for (let [key, value] of formData.entries()) {
					if (data[key]) {
						// 如果字段已存在（如checkbox），转换为数组
						if (Array.isArray(data[key])) {
							data[key].push(value);
						} else {
							data[key] = [data[key], value];
						}
					} else {
						data[key] = value;
					}
				}

				// 确保checkbox字段始终是数组
				const checkboxFields = ['background', 'cooperation'];
				checkboxFields.forEach(field => {
					if (!data[field]) {
						// 如果字段不存在，设置为空数组
						data[field] = [];
					} else if (!Array.isArray(data[field])) {
						// 如果字段存在但不是数组（比如单个选中的checkbox），转换为数组
						data[field] = [data[field]];
					}
					console.log(`字段 ${field} 处理后的值:`, data[field], '类型:', typeof data[field], '是否为数组:', Array
						.isArray(data[field]));
				});

				// 验证必填字段
				const requiredFields = ['name', 'age', 'gender', 'workplace', 'phone', 'sms-code', 'know', 'culture',
					'cooperation', 'job-status', 'career-plan', 'background', 'finance-bg', 'pro-skill', 'negotiation', 'analysis', 'project',
					'law', 'team', 'service', 'join-reason'
				];
				const missingFields = requiredFields.filter(field => {
					// 对于checkbox字段，检查是否有选中的选项
					if (field === 'cooperation' || field === 'background') {
						return !data[field] || !Array.isArray(data[field]) || data[field].length === 0;
					}
					// 如果选择了团队加盟，检查团队描述是否填写
					if (field === 'teamDescription' && data.cooperation && Array.isArray(data.cooperation) &&
						data.cooperation.includes('团队加盟')) {
						return !data[field];
					}
					return !data[field];
				});

				if (missingFields.length > 0) {
                    showTouchFriendlyAlert('请检查表单填写是否完整');
					return;
				}

				// 验证手机号格式
				const phoneRegex = /^1[3-9]\d{9}$/;
				if (!phoneRegex.test(data.phone)) {
					showTouchFriendlyAlert('请输入正确的手机号码');
					return;
				}

				// 验证验证码
				if (!data['sms-code'] || data['sms-code'].length !== 6) {
					showTouchFriendlyAlert('请输入6位验证码');
					return;
				}

				// 验证年龄范围
				const age = parseInt(data.age);
				if (age < 18 || age > 100) {
					showTouchFriendlyAlert('年龄必须在18-100岁之间');
					return;
				}



				// 显示提交中状态
				const submitBtn = this.querySelector('.btn-submit');
				const originalText = submitBtn.innerHTML;
				submitBtn.innerHTML = '<i class="fas fa-spinner fa-spin"></i> 提交中...';
				submitBtn.disabled = true;

				try {
					// 第一步：调用注册接口
					console.log('开始调用注册接口...');
					const registerData = {
						empName: data.name,
						passWord: generateRandomPassword(), // 生成随机密码
						phone: data.phone,
						smsCode: data['sms-code']
					};
					const registerResponse = await fetch('https://gateway.cfcyun.com/acn/auth/register/simple', {
						method: 'POST',
						headers: {
							'Content-Type': 'application/json',
						},
						body: JSON.stringify(registerData)
					});

					const registerResult = await registerResponse.json();
					if (!registerResponse.ok || registerResult.code !== "0") {
						throw new Error('注册失败：' + (registerResult.msg || '未知错误'));
					}

					// 获取注册返回的userId
					const userId = registerResult.data;
					console.log('注册成功，获取到userId:', userId);

					// 第二步：调用意向申请接口
					console.log('开始调用意向申请接口...');

					// 数据映射转换 - 匹配后端字段
					console.log('开始构建意向申请数据...');
					console.log('cooperation 字段值:', data.cooperation, '类型:', typeof data.cooperation, '是否为数组:', Array
						.isArray(data.cooperation));
					console.log('background 字段值:', data.background, '类型:', typeof data.background, '是否为数组:', Array
						.isArray(data.background));

					const intentionData = {
						userId: userId, // 传递注册接口返回的userId
						empname: data.name,
						age: parseInt(data.age),
						sex: data.gender === '男' ? 1 : 2,
						nowAddress: data.workplace,
						wechat: data.wechat || '',
						sourceChannel: pageType ? pageCode[pageType] : "官网",
						sourcePageId: pageId ? pageCode[pageId]: "官网留资页",
						sourceDetail: data.know || '',
						employmentStatus: mapEmploymentStatus(data['job-status']),
						backgroundDictId: mapBackgroundToDictId(data.background),
						backgroundDetail: data.backgroundDetail || (Array.isArray(data.background) ? data
							.background.join(',') : (data.background || '')),
						careerPlan: mapCareerPlan(data['career-plan']),
						cultureRecognition: data.culture === '非常认同' ? 1 : 2,
						partnershipType: mapPartnershipType(data.cooperation),
						teamDescription: data.teamDescription || '',
						joinReason: data['join-reason'],
						financialProfessional: parseInt(data['finance-bg']),
						negotiationAbility: parseInt(data.negotiation),
						analysisAbility: parseInt(data.analysis),
						communicationAbility: parseInt(data['pro-skill']), // 使用专业技能作为沟通能力
						projectManagement: parseInt(data.project),
						legalAwareness: parseInt(data.law),
						teamworkSpirit: parseInt(data.team),
						customerService: parseInt(data.service)
					};

					console.log('意向申请接口数据:', intentionData);
					console.log('数据类型检查:');
					console.log('- userId:', typeof intentionData.userId, intentionData.userId);
					console.log('- empname:', typeof intentionData.empname, intentionData.empname);
					console.log('- age:', typeof intentionData.age, intentionData.age);
					console.log('- sex:', typeof intentionData.sex, intentionData.sex);
					console.log('- employmentStatus:', typeof intentionData.employmentStatus, intentionData
						.employmentStatus);
					console.log('- backgroundDictId:', typeof intentionData.backgroundDictId, intentionData
						.backgroundDictId);
					console.log('- partnershipType:', typeof intentionData.partnershipType, intentionData
						.partnershipType);

					const intentionResponse = await fetch('https://gateway.cfcyun.com/acn/intention/apply', {
						method: 'POST',
						headers: {
							'Content-Type': 'application/json',
						},
						body: JSON.stringify(intentionData)
					});

					const intentionResult = await intentionResponse.json();
					console.log('意向申请接口响应:', intentionResult);

					if (!intentionResponse.ok || intentionResult.code !== "0") {
						throw new Error('意向申请失败：' + (intentionResult.msg || '未知错误'));
					}

					// 提交成功
					showTouchFriendlyAlert('合伙人申请提交成功！我们将在24小时内与您联系，详细沟通合作事宜。');
					this.reset();

				} catch (error) {
					console.error('提交失败:', error);
					showTouchFriendlyAlert('提交失败：' + error.message);
				} finally {
					// 恢复按钮状态
					submitBtn.innerHTML = originalText;
					submitBtn.disabled = false;

					// 重置验证码按钮状态
					if (smsTimer) {
						clearInterval(smsTimer);
					}
					const smsBtn = document.getElementById('get-sms-btn');
					smsBtn.disabled = false;
					smsBtn.textContent = '获取验证码';
				}
			});

			// 生成随机密码
			function generateRandomPassword() {
				const chars = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';
				let password = '';
				for (let i = 0; i < 8; i++) {
					password += chars.charAt(Math.floor(Math.random() * chars.length));
				}
				return password;
			}

			// 映射就业状况
			function mapEmploymentStatus(jobStatus) {
				const mapping = {
					'已离职': 1,
					'金融机构在职': 2,
					'非金融机构在职': 3
				};
				return mapping[jobStatus] || 1;
			}

			// 映射背景到字典ID
			function mapBackgroundToDictId(backgrounds) {
				if (!backgrounds || !Array.isArray(backgrounds) || backgrounds.length === 0) return 1;

				// 根据背景类型返回对应的字典ID
				const mapping = {
					'背景产业投资人员': 1,
					'金融机构从业人员': 2,
					'银行离职/退休人员': 3
				};

				// 返回第一个匹配的背景ID，如果没有匹配则返回默认值
				for (let background of backgrounds) {
					if (mapping[background]) {
						return mapping[background];
					}
				}
				return 1; // 默认值
			}

			// 映射职业规划
			function mapCareerPlan(careerPlan) {
				const mapping = {
					'自主创业': 1,
					'没想好': 2,
					'寻求再就业机会': 3
				};
				return mapping[careerPlan] || 1;
			}

			// 映射合作方式
			function mapPartnershipType(cooperations) {
				if (!cooperations || !Array.isArray(cooperations) || cooperations.length === 0) return 1;

				const mapping = {
					'个人加盟': 1,
					'团队加盟': 2
				};

				// 返回第一个匹配的合作方式ID，如果没有匹配则返回默认值
				for (let coop of cooperations) {
					if (mapping[coop]) {
						return mapping[coop];
					}
				}
				return 1; // 默认值
			}

			// 手机号输入时重置验证码按钮状态
			document.getElementById('phone').addEventListener('input', function() {
				const smsBtn = document.getElementById('get-sms-btn');
				if (smsBtn.disabled && smsCountdown === 0) {
					smsBtn.disabled = false;
					smsBtn.textContent = '获取验证码';
				}
			});

			// 合作方式选择变化时控制团队描述显示
			document.querySelectorAll('input[name="cooperation"]').forEach(checkbox => {
				checkbox.addEventListener('change', function() {
					const teamContainer = document.getElementById('team-description-container');
					const teamDescription = document.querySelector('textarea[name="teamDescription"]');

					if (this.value === '团队加盟' && this.checked) {
						// 选择团队加盟时显示团队描述
						teamContainer.style.display = 'block';
						teamDescription.required = true;
					} else if (this.value === '团队加盟' && !this.checked) {
						// 取消选择团队加盟时隐藏团队描述
						teamContainer.style.display = 'none';
						teamDescription.required = false;
						teamDescription.value = ''; // 清空内容
					}
				});
			});

			// 验证码输入框只允许数字
			document.getElementById('sms-code').addEventListener('input', function() {
				this.value = this.value.replace(/\D/g, '');
			});

			// 页面卸载时清理定时器
			window.addEventListener('beforeunload', function() {
				if (smsTimer) {
					clearInterval(smsTimer);
				}
			});

			// 五角星打分功能
			document.addEventListener('DOMContentLoaded', function() {
				// 初始化所有五角星打分组件
				const starRatings = document.querySelectorAll('.star-rating');

				starRatings.forEach(rating => {
					const stars = rating.querySelectorAll('i');
					const hiddenInput = rating.querySelector('input[type="hidden"]');
					let currentRating = 0;

					// 为每个星星添加点击事件
					stars.forEach((star, index) => {
						star.addEventListener('click', function() {
							const value = parseInt(this.getAttribute('data-value'));
							currentRating = value;

							// 更新星星显示状态
							stars.forEach((s, i) => {
								if (i < value) {
									s.classList.add('active');
								} else {
									s.classList.remove('active');
								}
							});

							// 更新隐藏输入框的值
							hiddenInput.value = value;
						});

						// 鼠标悬停效果
						star.addEventListener('mouseenter', function() {
							const value = parseInt(this.getAttribute('data-value'));
							stars.forEach((s, i) => {
								if (i < value) {
									s.style.color = '#ffd700';
								} else {
									s.style.color = '#ddd';
								}
							});
						});

						// 鼠标离开效果
						star.addEventListener('mouseleave', function() {
							stars.forEach((s, i) => {
								if (i < currentRating) {
									s.style.color = '#ffd700';
								} else {
									s.style.color = '#ddd';
								}
							});
						});
					});
				});

				// 手机端触摸优化
				if ('ontouchstart' in window) {
					// 触摸设备优化
					optimizeForTouch();
				}
			});

			// 触摸设备优化函数
			function optimizeForTouch() {
				// 优化表单输入体验
				const inputs = document.querySelectorAll('input, textarea, select');
				inputs.forEach(input => {
					// 防止iOS缩放
					if (input.type === 'text' || input.type === 'tel' || input.type === 'email' || input.type ===
						'number') {
						input.style.fontSize = '16px';
					}

					// 触摸友好的焦点样式
					input.addEventListener('focus', function() {
						this.style.borderColor = '#ff6b35';
						this.style.boxShadow = '0 0 0 3px rgba(255, 107, 53, 0.1)';
					});

					input.addEventListener('blur', function() {
						this.style.borderColor = '#e9ecef';
						this.style.boxShadow = 'none';
					});
				});

				// 优化按钮触摸体验
				const buttons = document.querySelectorAll('button, .btn-submit, .btn-get-sms');
				buttons.forEach(button => {
					button.addEventListener('touchstart', function() {
						this.style.transform = 'scale(0.98)';
					});

					button.addEventListener('touchend', function() {
						this.style.transform = 'scale(1)';
					});
				});

				// 优化五角星触摸体验
				const starRatings = document.querySelectorAll('.star-rating');
				starRatings.forEach(rating => {
					const stars = rating.querySelectorAll('i');
					let currentRating = 0;

					stars.forEach((star, index) => {
						// 触摸开始
						star.addEventListener('touchstart', function(e) {
							e.preventDefault();
							const value = parseInt(this.getAttribute('data-value'));
							currentRating = value;

							// 更新星星显示状态
							stars.forEach((s, i) => {
								if (i < value) {
									s.style.color = '#ffd700';
									s.classList.add('active');
								} else {
									s.style.color = '#ddd';
									s.classList.remove('active');
								}
							});

							// 更新隐藏输入框的值
							const hiddenInput = rating.querySelector('input[type="hidden"]');
							hiddenInput.value = value;
						});
					});
				});

				// 优化表单验证提示
				const form = document.getElementById('partnerForm');
				if (form) {
					form.addEventListener('submit', function(e) {
						// 触摸设备友好的验证提示
						if (!validateForm()) {
							e.preventDefault();
							showTouchFriendlyAlert('请检查表单填写是否完整');
						}
					});
				}
			}

			// 触摸友好的提示函数
			function showTouchFriendlyAlert(message) {
				// 创建自定义提示框
				const alertBox = document.createElement('div');
				alertBox.style.cssText = `
            position: fixed;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            background: rgba(0, 0, 0, 0.8);
            color: white;
            padding: 20px;
            border-radius: 8px;
            font-size: 16px;
            text-align: center;
            z-index: 10000;
            max-width: 80%;
            word-wrap: break-word;
        `;
				alertBox.textContent = message;

				document.body.appendChild(alertBox);

				// 3秒后自动消失
				setTimeout(() => {
					if (alertBox.parentNode) {
						alertBox.parentNode.removeChild(alertBox);
					}
				}, 3000);

				// 点击消失
				alertBox.addEventListener('click', function() {
					if (this.parentNode) {
						this.parentNode.removeChild(this);
					}
				});
			}

			// 表单验证函数
			function validateForm() {
				const requiredFields = ['name', 'age', 'gender', 'workplace', 'phone', 'sms-code', 'know', 'culture',
					'cooperation', 'job-status', 'finance-bg', 'pro-skill', 'negotiation', 'analysis', 'project', 'law',
					'team', 'service', 'join-reason'
				];

				for (let field of requiredFields) {
					const element = document.querySelector(`[name="${field}"]`);
					if (!element) continue;

					if (element.type === 'radio' || element.type === 'checkbox') {
						const checked = document.querySelectorAll(`[name="${field}"]:checked`);
						if (checked.length === 0) {
							return false;
						}
					} else if (element.type === 'hidden') {
						if (!element.value) {
							return false;
						}
					} else {
						if (!element.value.trim()) {
							return false;
						}
					}
				}

				return true;
			}
		</script>
		<script src="js/main.js"></script>
	</body>

</html>